
* {margin:0;padding:0;}

body {font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;}

ul {list-style:none;}

a {text-decoration:none; color:#66A3D3;}
a:hover {text-decoration:underline;}
a:visited {text-decoration:none;}

table {
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	border-collapse:collapse;
	}
caption {
	color: #9ba9b4;
	font-size:.94em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	
tr.odd td	{
	background:#f7fbff
	}

td {
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	text-align:left;
	}				
th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	}							
thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3
	}

#fdsfsd

.buttons {
    float: left;
    padding-bottom: 20px;
    clear: both;
}
a.button {
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}
a.button:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.button:active {
    color: #000;
    border-color: #444;
}
a.left {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
a.middle {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-left: solid 1px #f3f3f3;
    margin: 0;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
a.middle:hover,
a.right:hover { border-left: solid 1px #999 }
a.right {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    border-left: solid 1px #f3f3f3;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
a.big {
    font-size: 16px;
    padding: 10px 15px;
}
a.supersize {
    font-size: 20px;
    padding: 15px 20px;
}
a.save {
    background: url(images/sprite.png) 10px 7px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.add {
    background: url(images/sprite.png)  10px -27px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.delete {
    background: url(images/sprite.png)  10px -61px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.flag {
    background: url(images/sprite.png)  10px -96px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.up {
    background: url(images/sprite.png)  13px -133px no-repeat #f3f3f3;
    width: 18px;
}
a.down {
    background: url(images/sprite.png)  13px -168px no-repeat #f3f3f3;
    width: 18px;
}
a.save-big {
    background: url(images/sprite.png) 15px 11px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
a.add-big {
    background: url(images/sprite.png)  15px -23px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
a.delete-big {
    background: url(images/sprite.png)  15px -57px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
a.flag-big {
    background: url(images/sprite.png)  15px -92px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
a.up-big {
    background: url(images/sprite.png)  15px -128px no-repeat #f3f3f3;
    width: 18px;
    font-size: 16px;
    padding: 10px 15px;
}
a.down-big {
    background: url(images/sprite.png)  15px -163px no-repeat #f3f3f3;
    width: 18px;
    font-size: 16px;
    padding: 10px 15px;
}


#header { background-image:url(images/header_bg.jpg); height:74px; width:100%;}
#header #header_image {background-image:url(images/back.png); width:27px; height:40px; float:left;
margin:12px 0 0 10px;}
#header a { display:block; height:70px; line-height:70px; font-size:34px; color:#e1f1f3; text-decoration:none;}


#login_dialog {margin:auto; border:3px solid #1d9aa9; width:336px; height:206px; margin-top:100px;}
#dialog_title { height:60px; background-color:#1d9aa9; line-height:60px; font-size:32px;color:#e1f1f3; padding-left:10px;}
#dialog_message{ margin:auto; width:200px;height:38px; line-height:38px;}
#dialog_form ul { list-style:none; display:block; margin:auto;width:220px; padding:0 10px 0 10px;}
#dialog_form ul li {float:right; margin-bottom:10px; height:26px; line-height:25px; font-size:24px;}
#dialog_form input {background:none; border:none;border-bottom:1px solid #333333; width:160px; font-size:16px;}
#dialog_form button {background:none; border:none; background-color:#aaaaaa; width:80px; height:26px;}


#dashboard { width:260px; 
background-image:url(images/dashboard_bg.png); background-repeat:repeat-y;/*no backgroun itis in the body*/}

#main,#dashboard {float:left;}

#dashboard  ul {list-style:none; }
#dashboard  ul li {width:229px; height:50px;
background-image:url(images/dashboard_list_bg.png);}
#dashboard  ul li a{ display:block; color:#333333;text-decoration:none;width:229px; height:50px; line-height:50px; text-align:center;}

#dashboard  ul li:hover {
width:260px;background-image:url(images/dashboard_list_select_bg.png);}

.dashboard_select { background-image:none;display:block;width:260px !important; height:50px;background-image:url(images/dashboard_list_select_bg.png) !important; }

#content { margin:0 0 0 0; min-height:500px;}

#footer {margin:10px; text-align:right; display:block; }

#nav {margin:10px;}

#table_list { width:600px;}

.wrong {color:#FF0000;}

#mesage { margin:2px; width:96%; background:#F4F9FE; border:1px solid #E5EFF8; line-height:34px;
font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;color:#66A3D3;}